.topbar-body-mini .common-topbar-body .common-topbar-top {
    border-bottom: 0
}

    .topbar-body-mini .common-topbar-body .common-topbar-top .common-topbar-register-btn {
        display: block
    }

.topbar-body-mini .common-topbar-body .common-topbar-bottom {
    display: none !important
}

.common-topbar-top {
    height: 50px;
    border-bottom: 1px solid hsla(0,0%,100%,.15)
}

    .common-topbar-top .all-nav {
        position: absolute;
        left: 0;
        top: 0;
        height: 50px;
        width: 50px;
        color: #fff;
        cursor: default;
        text-align: center;
        border-right: 1px solid hsla(0,0%,100%,.15);
        transition: all .2s ease-in-out
    }

        .common-topbar-top .all-nav.active, .common-topbar-top .all-nav:hover {
            background: #00c1de
        }

        .common-topbar-top .all-nav img {
            padding-top: 18px
        }

    .common-topbar-top .topbar-top-content {
        margin: 0 auto;
        position: relative
    }

    .common-topbar-top .common-topbar-logo {
        display: block;
        float: left;
        width: 80px;
        margin-top: 16px;
        margin-left: 66px;
        position: relative
    }

        .common-topbar-top .common-topbar-logo img {
            width: 100%
        }

            .common-topbar-top .common-topbar-logo img.inner-gif {
                position: absolute;
                left: 0;
                top: 0
            }

    .common-topbar-top .common-topbar-site-switch {
        float: right;
        color: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        position: relative;
        padding: 0 12px;
        cursor: pointer
    }

        .common-topbar-top .common-topbar-site-switch .up-icon {
            display: none
        }

        .common-topbar-top .common-topbar-site-switch .down-icon {
            display: initial
        }

        .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown {
            display: none;
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #272b2f;
            width: 198px;
            z-index: 1000;
            padding: 8px 0;
            cursor: default
        }

            .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown li {
                padding: 3px 20px;
                height: 30px;
                line-height: 30px;
                cursor: pointer
            }

                .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown li a {
                    display: block;
                    height: 100%;
                    white-space: nowrap
                }

                    .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown li a .nav-site {
                        display: inline-block;
                        width: 102px
                    }

                .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown li.current {
                    cursor: default
                }

                    .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown li.current a {
                        color: #00c1de;
                        cursor: default
                    }

                .common-topbar-top .common-topbar-site-switch .topbar-site-switch-dropdown li.divider {
                    height: 1px;
                    margin: 11px 0;
                    padding: 0;
                    background-color: #373d41;
                    margin-top: 8px;
                    margin-bottom: 8px
                }

        .common-topbar-top .common-topbar-site-switch.active {
            background-color: #272b2f
        }

            .common-topbar-top .common-topbar-site-switch.active .up-icon {
                display: initial !important
            }

            .common-topbar-top .common-topbar-site-switch.active .down-icon {
                display: none !important
            }

            .common-topbar-top .common-topbar-site-switch.active .topbar-site-switch-dropdown {
                display: block
            }

    .common-topbar-top .common-topbar-search {
        margin-top: 0;
        height: 50px;
        line-height: 0;
        position: relative;
        z-index: 1000;
        padding-left: 40px;
        float: right
    }

        .common-topbar-top .common-topbar-search .aliyun-common-search-container {
            height: 50px
        }

        .common-topbar-top .common-topbar-search i {
            top: 5px;
            position: absolute;
            color: #fff;
            font-size: 18px;
            display: inline-block;
            left: 10px;
            cursor: pointer
        }

        .common-topbar-top .common-topbar-search .search-input {
            transition: all .2s ease-in-out;
            width: 0;
            height: 30px;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
            border: 0;
            background-color: #4f5356;
            color: #b8bcbf;
            outline: none
        }

        .common-topbar-top .common-topbar-search.hover {
            background: #4f5356
        }

            .common-topbar-top .common-topbar-search.hover i {
                color: #fff
            }

            .common-topbar-top .common-topbar-search.hover .search-input {
                width: 170px;
                opacity: 1;
                filter: alpha(opacity=100);
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
            }

    .common-topbar-top .common-topbar-menu {
        float: right;
        font-size: 14px
    }

        .common-topbar-top .common-topbar-menu .common-topbar-menu-link {
            float: left;
            height: 50px;
            line-height: 50px;
            padding: 0 12px
        }

            .common-topbar-top .common-topbar-menu .common-topbar-menu-link [data-role=item] {
                color: #fff;
                cursor: pointer
            }

                .common-topbar-top .common-topbar-menu .common-topbar-menu-link [data-role=item]:hover {
                    color: #00c1de
                }

        .common-topbar-top .common-topbar-menu .common-topbar-cart-num {
            color: #f60
        }

    .common-topbar-top .common-topbar-register-btn {
        display: none;
        float: right;
        height: 50px;
        line-height: 50px;
        background: #00c1de;
        padding: 0 30px;
        font-size: 14px
    }

        .common-topbar-top .common-topbar-register-btn:hover {
            text-decoration: none;
            background-color: #28d0e9;
            color: #fff
        }

    .common-topbar-top .common-topbar-user-info {
        display: none;
        float: right;
        position: relative;
        padding: 5px 24px 0 12px;
        height: 50px;
        box-sizing: border-box
    }

        .common-topbar-top .common-topbar-user-info:hover {
            background: #00c1de
        }

        .common-topbar-top .common-topbar-user-info .common-topbar-user-image-wrapper {
            width: 40px;
            height: 40px;
            border-radius: 100%;
            overflow: hidden
        }

            .common-topbar-top .common-topbar-user-info .common-topbar-user-image-wrapper img {
                height: 100%
            }

        .common-topbar-top .common-topbar-user-info .common-topbar-user-message-count {
            position: absolute;
            font-size: 10px;
            background-color: #ff5029;
            color: #fff;
            border-radius: 13px;
            right: 12px;
            top: 6px;
            height: 12px;
            padding: 0 3px;
            line-height: 12px;
            text-align: center
        }

    .common-topbar-top .common-topbar-cart-icon {
        vertical-align: middle;
        margin-top: -3px;
        display: inline-block;
        width: 20px;
        height: 18px;
        margin-right: 4px;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(//img.alicdn.com/tfs/TB1X8fbB1OSBuNjy0FdXXbDnVXa-40-36.png)
    }

    .common-topbar-top .cart-icon-has {
        background-image: url(//img.alicdn.com/tfs/TB1DEniBYSYBuNjSspiXXXNzpXa-40-36.png)
    }

.common-topbar-content {
    width: 1100px
}

.common-topbar-bottom {
    height: 50px
}

    .common-topbar-bottom .common-topbar-nav {
        font-size: 14px;
        overflow: hidden;
        width: 100%;
        margin: 0 auto
    }

        .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list {
            float: left;
            position: relative;
            margin-left: 10px;
            z-index: 999
        }

            .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list li {
                float: left;
                height: 50px;
                line-height: 50px;
                position: relative
            }

                .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list li a {
                    padding: 0 16px;
                    display: block
                }

                .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list li:hover a {
                    color: #00c1de
                }

                .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list li img {
                    position: absolute;
                    top: 8px;
                    right: 4px;
                    width: 24px
                }

                .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list li a[href="javascript:void(0)"] {
                    cursor: default
                }

            .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list .line {
                position: absolute;
                width: 0;
                height: 0;
                opacity: 0;
                border: 8px solid transparent;
                border-bottom-color: #00c1de;
                left: 108px;
                bottom: 0;
                transition: width .3s cubic-bezier(.4,0,.2,1)
            }

                .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list .line.show {
                    transition: all .2s cubic-bezier(.4,0,.2,1)
                }

            .common-topbar-bottom .common-topbar-nav .common-topbar-nav-list .triangle {
                position: absolute;
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-bottom-color: #00c1de;
                left: 108px;
                bottom: 0;
                opacity: 0;
                transition: width .3s cubic-bezier(.4,0,.2,1)
            }

        .common-topbar-bottom .common-topbar-nav .common-topbar-register-btn {
            float: right;
            height: 50px;
            line-height: 50px;
            background: #00c1de;
            padding: 0 32px
        }

            .common-topbar-bottom .common-topbar-nav .common-topbar-register-btn:hover {
                text-decoration: none;
                background-color: #28d0e9;
                color: #fff
            }

        .common-topbar-bottom .common-topbar-nav .common-topbar-user-info {
            display: none;
            float: right;
            padding: 5px 20px 0;
            height: 50px;
            box-sizing: border-box;
            position: relative
        }

            .common-topbar-bottom .common-topbar-nav .common-topbar-user-info:hover {
                background: #00c1de
            }

            .common-topbar-bottom .common-topbar-nav .common-topbar-user-info .common-topbar-user-image-wrapper {
                width: 40px;
                height: 40px;
                border-radius: 100%;
                overflow: hidden
            }

                .common-topbar-bottom .common-topbar-nav .common-topbar-user-info .common-topbar-user-image-wrapper img {
                    height: 100%
                }

            .common-topbar-bottom .common-topbar-nav .common-topbar-user-info .common-topbar-user-message-count {
                position: absolute;
                font-size: 10px;
                background-color: #ff5029;
                color: #fff;
                border-radius: 13px;
                right: 12px;
                top: 8px;
                height: 16px;
                padding: 0 4px;
                line-height: 16px;
                text-align: center
            }

    .common-topbar-bottom .common-topbar-dropdown {
        height: 0;
        overflow: hidden;
        color: #fff;
        background: transparent;
        position: absolute;
        top: 85px;
        z-index: 998;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.16);
        width: 1100px;
        margin-left: 20px;
        transition: opacity .13s ease-in-out,width .13s ease-in-out;
        opacity: 0;
        visibility: visible
    }

    .common-topbar-bottom .common-topbar-dropdown-inner {
        position: relative;
        top: 16px;
        padding-top: 0;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
        background: #fff
    }

    .common-topbar-bottom .common-topbar-dropdown.product-style {
        width: 1200px
    }

        .common-topbar-bottom .common-topbar-dropdown.product-style .block-product {
            height: 100%;
            overflow-y: auto
        }

        .common-topbar-bottom .common-topbar-dropdown.product-style .common-topbar-dropdown-category-container {
            width: 1200px
        }

    .common-topbar-bottom .common-topbar-dropdown.expand {
        opacity: 1
    }

    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container {
        color: #1b2226;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        padding: 16px 10px 0;
        height: 100%;
        width: 1100px;
        box-sizing: border-box;
        overflow: auto;
        overflow-x: hidden;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        transition: opacity .13s ease-in-out,width .13s ease-in-out
    }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .block-product {
            overflow: hidden
        }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .block-product .block-left {
                position: absolute;
                top: 0;
                bottom: 0
            }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .block-product .block-overflow-innerhtml {
                height: 100%
            }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .block-product .block-right {
                position: absolute;
                top: 0;
                bottom: 0
            }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .block-product-container {
            position: relative;
            left: -10px;
            top: -16px
        }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container.active {
            z-index: 2;
            opacity: 1;
            visibility: visible
        }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .dropdown-content {
            width: 100%
        }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list {
            overflow: hidden
        }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item {
                float: left;
                width: 180px;
                margin-right: 10px
            }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item:last-child {
                    margin-right: 0
                }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item a {
                    display: block
                }

                    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item a, .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item a:link, .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item a:visited {
                        color: #1b2226
                    }

                        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item a:hover {
                            color: #00c1de
                        }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item .category-item-title {
                    font-size: 14px;
                    font-weight: 600;
                    height: 24px;
                    line-height: 24px;
                    margin-bottom: 12px
                }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item li {
                    font-size: 12px;
                    line-height: 24px;
                    margin-bottom: 4px
                }

                    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-category-container .common-topbar-dropdown-category-list .category-item li:last-child {
                        margin-bottom: 0
                    }

    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product {
        text-align: center
    }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper {
            padding: 0 20px;
            height: 60px;
            line-height: 60px;
            background: #2f3438;
            text-align: left
        }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .product-gather-gap {
                display: inline-block;
                margin-bottom: -8px;
                width: 1px;
                height: 25px;
                background-color: #73777a
            }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .product-gather-list {
                font-weight: 700;
                padding-left: 16px;
                position: relative
            }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited {
                display: inline
            }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited .individual-most-visited-title {
                    font-size: 12px;
                    color: #9b9ea0;
                    letter-spacing: 0
                }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited ul {
                    display: inline-block
                }

                    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited ul li {
                        display: inline;
                        margin-right: 16px
                    }

                        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited ul li a, .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited ul li a:link, .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited ul li a:visited {
                            font-size: 12px;
                            color: #fff;
                            letter-spacing: 0
                        }

                            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-most-visited ul li a:hover {
                                color: #00c1de
                            }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-individual-wrapper .individual-activity {
                float: right;
                font-size: 12px;
                color: #c3c5c6;
                letter-spacing: 0
            }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .all-product-column-wrapper {
            padding: 0 20px 20px
        }

        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column {
            width: 264px;
            margin-right: 20px;
            display: inline-block;
            text-align: left;
            vertical-align: top;
            font-size: 0
        }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column a {
                display: block
            }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item {
                position: relative;
                padding: 4px 0
            }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item .product-item-title {
                    font-size: 14px;
                    font-weight: 600;
                    color: #1b2226;
                    letter-spacing: .99px;
                    line-height: 24px;
                    margin-bottom: 8px
                }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item li {
                    font-size: 12px;
                    color: #c3c5c6;
                    letter-spacing: .85px;
                    line-height: 24px
                }

                    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item li.line {
                        width: 220px;
                        height: 1px;
                        margin-top: 8px;
                        opacity: .5;
                        background: #73777a
                    }

                    .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item li a, .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item li a:link, .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item li a:visited {
                        color: #c3c5c6
                    }

                        .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item li a:hover {
                            color: #00c1de
                        }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item:last-child li.line {
                    display: none
                }

                .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column .product-item:first-child {
                    margin-top: 20px
                }

            .common-topbar-bottom .common-topbar-dropdown .common-topbar-dropdown-all-product .product-column:last-child {
                margin-right: 0
            }

    .common-topbar-bottom .common-topbar-dropdown .animate-text {
        transform: translateY(-10px);
        opacity: 0;
        transition: all .2s cubic-bezier(0,0,.2,1)
    }

        .common-topbar-bottom .common-topbar-dropdown .animate-text.show {
            transform: translateY(0);
            opacity: 1;
            transition: all .3s cubic-bezier(0,0,.2,1)
        }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="0"] {
        transition-delay: .15s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="1"] {
        transition-delay: .17s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="2"] {
        transition-delay: .19s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="3"] {
        transition-delay: .21s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="4"] {
        transition-delay: .23s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="5"] {
        transition-delay: .25s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="6"] {
        transition-delay: .27s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="7"] {
        transition-delay: .29s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="8"] {
        transition-delay: .31s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="9"] {
        transition-delay: .33s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="10"] {
        transition-delay: .35s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="11"] {
        transition-delay: .37s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="12"] {
        transition-delay: .39s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="13"] {
        transition-delay: .41s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="14"] {
        transition-delay: .43s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="15"] {
        transition-delay: .45s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="16"] {
        transition-delay: .47s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="17"] {
        transition-delay: .49s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="18"] {
        transition-delay: .51s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="19"] {
        transition-delay: .53s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="20"] {
        transition-delay: .55s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="21"] {
        transition-delay: .57s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="22"] {
        transition-delay: .59s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="23"] {
        transition-delay: .61s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="24"] {
        transition-delay: .63s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="25"] {
        transition-delay: .65s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="26"] {
        transition-delay: .67s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="27"] {
        transition-delay: .69s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="28"] {
        transition-delay: .71s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="29"] {
        transition-delay: .73s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="30"] {
        transition-delay: .75s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="31"] {
        transition-delay: .77s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="32"] {
        transition-delay: .79s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="33"] {
        transition-delay: .81s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="34"] {
        transition-delay: .83s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="35"] {
        transition-delay: .85s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="36"] {
        transition-delay: .87s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="37"] {
        transition-delay: .89s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="38"] {
        transition-delay: .91s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="39"] {
        transition-delay: .93s
    }

    .common-topbar-bottom .common-topbar-dropdown .show[data-index="40"] {
        transition-delay: .95s
    }

@media (max-width:1440px) and (min-width:1281px) {
    .common-topbar-dropdown-all-product .product-column {
        width: 18.85% !important;
        margin-right: 1.4% !important
    }

        .common-topbar-dropdown-all-product .product-column:last-child {
            margin-right: 0 !important
        }
}

.common-topbar-user-info-dropdown {
    position: absolute;
    right: 0;
    top: 40px;
    width: 240px;
    background: #202529;
    color: #fff;
    display: none;
    z-index: 99999
}

    .common-topbar-user-info-dropdown a {
        display: block;
        text-align: left
    }

    .common-topbar-user-info-dropdown .top {
        background: #262c30;
        padding: 12px 16px
    }

        .common-topbar-user-info-dropdown .top .ram-info .ram-alias, .common-topbar-user-info-dropdown .top .ram-info .ram-title {
            width: 150px;
            height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px
        }

        .common-topbar-user-info-dropdown .top .ram-info .ram-title {
            color: #fff
        }

        .common-topbar-user-info-dropdown .top .ram-info .ram-alias {
            width: 200px;
            color: #73777a
        }

        .common-topbar-user-info-dropdown .top .ram-info .ram-label {
            position: absolute;
            right: 16px;
            top: 12px;
            color: #fff;
            background: #1280aa;
            border-radius: 2px;
            padding: 2px 4px;
            font-size: 12px
        }

        .common-topbar-user-info-dropdown .top .top-line {
            height: 24px;
            line-height: 24px
        }

            .common-topbar-user-info-dropdown .top .top-line.short {
                height: 18px;
                line-height: 18px;
                margin-top: 4px
            }

        .common-topbar-user-info-dropdown .top .user-uid {
            display: inline-block;
            width: 160px;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .common-topbar-user-info-dropdown .top .user-grade {
            float: right;
            display: block;
            width: 40px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            background: #373d41;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
            color: #00c1de;
            transition: all .3s ease-in-out
        }

            .common-topbar-user-info-dropdown .top .user-grade:hover {
                box-shadow: 0 2px 10px 0 rgba(0,0,0,.5);
                background: #41484c
            }

        .common-topbar-user-info-dropdown .top .certified {
            color: #35b34a;
            font-size: 12px
        }

        .common-topbar-user-info-dropdown .top .not-certified {
            color: #00c1de
        }

    .common-topbar-user-info-dropdown .big-customer-info {
        height: 32px;
        line-height: 32px;
        color: #fff;
        background: #00c1de;
        font-size: 12px;
        padding-left: 16px
    }

        .common-topbar-user-info-dropdown .big-customer-info .big-customer-info-link {
            display: inline-block
        }

            .common-topbar-user-info-dropdown .big-customer-info .big-customer-info-link:active, .common-topbar-user-info-dropdown .big-customer-info .big-customer-info-link:hover {
                color: #fff;
                text-decoration: underline
            }

        .common-topbar-user-info-dropdown .big-customer-info img, .common-topbar-user-info-dropdown .info-prefix-icon {
            width: 16px;
            vertical-align: text-bottom;
            margin-right: 8px
        }

    .common-topbar-user-info-dropdown .middle-line {
        height: 20px;
        line-height: 20px;
        padding: 0 16px;
        margin: 12px 0;
        font-size: 12px;
        position: relative
    }

        .common-topbar-user-info-dropdown .middle-line .right-text {
            float: right;
            font-size: 10px;
            color: #fff
        }

            .common-topbar-user-info-dropdown .middle-line .right-text.circular {
                background: #ff5029;
                border-radius: 10px;
                transform: scale(.8);
                padding: 0 6px;
                color: #fff
            }

        .common-topbar-user-info-dropdown .middle-line .charge-btn {
            box-sizing: content-box !important;
            display: inline-block;
            border: 1px solid #ffa133;
            width: 40px;
            height: 20px;
            line-height: 20px;
            color: #ffa133;
            text-align: center;
            position: absolute;
            top: -1px;
            left: 75px
        }

            .common-topbar-user-info-dropdown .middle-line .charge-btn:hover {
                background: #ffa133;
                color: #202529
            }

    .common-topbar-user-info-dropdown .break-line {
        height: 1px;
        margin: 0 16px;
        background: #373d41
    }

    .common-topbar-user-info-dropdown .bottom-line {
        overflow: hidden;
        padding: 12px 16px 16px
    }

        .common-topbar-user-info-dropdown .bottom-line .wo-management {
            font-size: 14px;
            letter-spacing: .58px;
            line-height: 24px;
            float: left
        }

        .common-topbar-user-info-dropdown .bottom-line .logout-btn {
            box-sizing: content-box !important;
            font-size: 12px;
            width: 70px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: right;
            border: 1px solid #73777a
        }

            .common-topbar-user-info-dropdown .bottom-line .logout-btn:hover {
                border: 1px solid #00c1de
            }

            .common-topbar-user-info-dropdown .bottom-line .logout-btn a {
                text-align: center
            }

            .common-topbar-user-info-dropdown .bottom-line .logout-btn.ram {
                color: #fff;
                border: none;
                height: 20px;
                line-height: 20px
            }

                .common-topbar-user-info-dropdown .bottom-line .logout-btn.ram a {
                    color: #fff
                }

                    .common-topbar-user-info-dropdown .bottom-line .logout-btn.ram a:hover {
                        color: #00b7d3
                    }

        .common-topbar-user-info-dropdown .bottom-line a, .common-topbar-user-info-dropdown .bottom-line a:link, .common-topbar-user-info-dropdown .bottom-line a:visited {
            color: #73777a
        }

            .common-topbar-user-info-dropdown .bottom-line a:hover {
                color: #00c1de
            }

.common-topbar-all-nav-dropdown {
    color: #fff;
    height: 400px;
    position: relative;
    display: none;
    min-width: 1000px;
    position: absolute;
    z-index: 999;
    top: 50px
}

    .common-topbar-all-nav-dropdown.active {
        display: block
    }

    .common-topbar-all-nav-dropdown .inner-text {
        display: block;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        padding: 6px 20px;
        cursor: pointer
    }

        .common-topbar-all-nav-dropdown .inner-text:first-child {
            padding-top: 0
        }

        .common-topbar-all-nav-dropdown .inner-text:last-child {
            padding-bottom: 0
        }

        .common-topbar-all-nav-dropdown .inner-text.active, .common-topbar-all-nav-dropdown .inner-text:hover {
            color: #00c1de
        }

        .common-topbar-all-nav-dropdown .inner-text .inner-text-img {
            width: 12px;
            height: 12px;
            right: 0;
            bottom: -1px
        }

    .common-topbar-all-nav-dropdown .title-text {
        display: block;
        height: 24px;
        line-height: 24px;
        font-size: 16px;
        font-weight: 600;
        padding: 0 20px 8px
    }

    .common-topbar-all-nav-dropdown .higher-text {
        display: block;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        padding: 0 20px;
        cursor: pointer;
        position: relative
    }

        .common-topbar-all-nav-dropdown .higher-text a {
            position: relative;
            display: block;
            z-index: 2;
            text-align: left !important
        }

        .common-topbar-all-nav-dropdown .higher-text:after {
            content: "";
            position: absolute;
            top: 0;
            left: 10px;
            bottom: 0;
            right: 20px
        }

        .common-topbar-all-nav-dropdown .higher-text:hover {
            color: #00c1de
        }

            .common-topbar-all-nav-dropdown .higher-text:hover:after {
                background: hsla(0,0%,100%,.05)
            }

    .common-topbar-all-nav-dropdown .space-line {
        margin: 12px 20px;
        height: 1px;
        opacity: .2;
        background: #fff
    }

    .common-topbar-all-nav-dropdown .icon-indicator {
        float: right;
        margin-top: 5px
    }

    .common-topbar-all-nav-dropdown .level-inner {
        margin-right: -40px;
        padding-right: 40px;
        overflow-y: scroll;
        height: 100%
    }

    .common-topbar-all-nav-dropdown .common-topbar-level1-nav {
        background: #272b2e;
        width: 200px;
        height: 100%;
        box-sizing: border-box;
        border-right: 1px solid hsla(0,0%,100%,.15);
        padding: 20px 0;
        position: absolute;
        z-index: 4;
        display: none;
        overflow: hidden
    }

        .common-topbar-all-nav-dropdown .common-topbar-level1-nav ul {
            width: 200px
        }

            .common-topbar-all-nav-dropdown .common-topbar-level1-nav ul li a {
                display: block;
                text-align: left !important
            }

            .common-topbar-all-nav-dropdown .common-topbar-level1-nav ul li.active a {
                color: #00c1de
            }

        .common-topbar-all-nav-dropdown .common-topbar-level1-nav.active {
            display: block
        }

        .common-topbar-all-nav-dropdown .common-topbar-level1-nav.slide-in {
            animation: level1NavSlidein .3s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-level1-nav.slide-out {
            animation: level1NavSlideout .2s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-level1-nav .dock-bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 18px;
            line-height: 18px;
            padding-top: 10px;
            padding-left: 20px;
            padding-bottom: 20px;
            font-size: 14px;
            background: #272b2e
        }

    .common-topbar-all-nav-dropdown .common-topbar-level1-content {
        display: none;
        width: 320px;
        height: 100%;
        padding: 20px 0;
        box-sizing: border-box;
        background: #303538;
        position: absolute;
        left: 200px;
        z-index: 3;
        overflow: hidden
    }

        .common-topbar-all-nav-dropdown .common-topbar-level1-content.common-topbar-level2-nav {
            background: #272b2e;
            width: 200px
        }

            .common-topbar-all-nav-dropdown .common-topbar-level1-content.common-topbar-level2-nav.slide-in {
                animation: leve1ContentSlidein .2s cubic-bezier(0,0,.2,1)
            }

            .common-topbar-all-nav-dropdown .common-topbar-level1-content.common-topbar-level2-nav.slide-out {
                animation: leve1ContentSlideout .2s cubic-bezier(0,0,.2,1)
            }

            .common-topbar-all-nav-dropdown .common-topbar-level1-content.common-topbar-level2-nav ul {
                width: 200px
            }

        .common-topbar-all-nav-dropdown .common-topbar-level1-content.active {
            display: block
        }

        .common-topbar-all-nav-dropdown .common-topbar-level1-content.slide-in {
            animation: leve1ContentSlideinExpand .3s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-level1-content.slide-out {
            animation: leve1ContentSlideoutExpand .1s cubic-bezier(0,0,.2,1)
        }

    .common-topbar-all-nav-dropdown .common-topbar-leve2-content {
        display: none;
        position: absolute;
        left: 400px;
        height: 100%;
        overflow: hidden
    }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.slide-out {
            animation: level2ContentSlideout .1s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.slide-in {
            animation: level2ContentSlidein .3s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.expand.slide-out {
            animation: level2ContentSlideoutExpand .1s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.expand.slide-in {
            animation: level2ContentSlideinExpand .3s cubic-bezier(0,0,.2,1)
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.active {
            display: block
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.product-sidebar .level-inner {
            width: 1000px
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content.product-sidebar .common-topbar-detail-list {
            width: 1000px;
            padding: 0
        }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list {
            background: #303538;
            width: 400px;
            height: 100%;
            box-sizing: border-box;
            border-right: 1px solid hsla(0,0%,100%,.15);
            float: left;
            padding: 20px 0;
            overflow: hidden
        }

            .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .bg-title-text {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 4px;
                margin-left: 20px;
                font-weight: 600
            }

            .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper {
                width: 370px;
                padding: 8px 10px;
                margin-left: 10px;
                margin-right: 20px;
                box-sizing: border-box
            }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-link {
                    display: block;
                    text-align: left !important
                }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-name {
                    font-size: 12px;
                    letter-spacing: 1px;
                    line-height: 20px
                }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-description {
                    font-size: 12px;
                    color: #9b9ea0;
                    line-height: 20px
                }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-child {
                    overflow: hidden
                }

                    .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-child a {
                        display: block;
                        width: 170px;
                        height: 28px;
                        padding-left: 12px;
                        text-align: left;
                        line-height: 28px;
                        font-size: 12px;
                        border: 1px solid #474f54;
                        float: left;
                        margin-right: 10px;
                        margin-top: 4px;
                        box-sizing: border-box
                    }

                        .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-child a:nth-child(2n+2) {
                            margin-right: 0
                        }

                        .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper .content-child a:hover {
                            border: 1px solid #00c1de;
                            color: #00c1de;
                            text-decoration: none
                        }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper:hover {
                    background: hsla(0,0%,100%,.05)
                }

                    .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper:hover .content-name {
                        color: #00c1de
                    }

                    .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .content-wrapper:hover .content-description {
                        color: #9b9ea0
                    }

            .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-detail-list .sub-content-title {
                font-size: 12px;
                color: #fff;
                line-height: 20px;
                margin-left: 20px;
                margin-top: 16px;
                font-weight: 600
            }

        .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-relevant-list {
            float: left;
            background-color: #303538;
            background-position-y: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            width: 280px;
            height: 100%;
            box-sizing: border-box;
            padding: 20px 0;
            overflow: hidden
        }

            .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-relevant-list .relavant-title {
                font-size: 14px;
                color: #9b9ea0;
                padding: 0 20px
            }

            .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-relevant-list a {
                display: block;
                font-size: 12px;
                line-height: 24px;
                padding: 4px 20px
            }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-relevant-list a:first-child {
                    padding-top: 0
                }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-relevant-list a:last-child {
                    padding-bottom: 20px
                }

                .common-topbar-all-nav-dropdown .common-topbar-leve2-content .common-topbar-relevant-list a:hover {
                    color: #00c1de
                }

    .common-topbar-all-nav-dropdown .common-topbar-content {
        width: 1020px
    }

@media (max-width:1124px) and (min-width:1004px) {
    .common-topbar-dropdown .common-topbar-dropdown-category-container.column-5 {
        padding-left: 0 !important
    }
}

@media (max-width:1004px) {
    .common-topbar-dropdown .common-topbar-dropdown-category-container.column-5 {
        padding-left: 0 !important
    }

        .common-topbar-dropdown .common-topbar-dropdown-category-container.column-5 .common-topbar-dropdown-category-list {
            float: none
        }

            .common-topbar-dropdown .common-topbar-dropdown-category-container.column-5 .common-topbar-dropdown-category-list .category-item {
                width: 18.67219917% !important;
                margin-right: 1.65975104% !important
            }

                .common-topbar-dropdown .common-topbar-dropdown-category-container.column-5 .common-topbar-dropdown-category-list .category-item:last-child {
                    margin-right: 0 !important
                }
}

@media (max-width:1320px) and (min-width:1200px) {
    .common-topbar-dropdown .common-topbar-dropdown-category-container.column-6 {
        padding-left: 0 !important
    }
}

@media (max-width:1200px) {
    .common-topbar-dropdown .common-topbar-dropdown-category-container.column-6 {
        padding-left: 0 !important
    }

        .common-topbar-dropdown .common-topbar-dropdown-category-container.column-6 .common-topbar-dropdown-category-list {
            float: none
        }

            .common-topbar-dropdown .common-topbar-dropdown-category-container.column-6 .common-topbar-dropdown-category-list .category-item {
                width: 15.51724138% !important;
                margin-right: 1.37931034% !important
            }

                .common-topbar-dropdown .common-topbar-dropdown-category-container.column-6 .common-topbar-dropdown-category-list .category-item:last-child {
                    margin-right: 0 !important
                }
}

.col-extra, .col-main, .col-sub {
    min-height: 0 !important
}

.common-topbar-wrapper.transparent .common-topbar-body {
    min-width: 1000px;
    width: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background: rgba(55,61,65,0);
    border-bottom: 1px solid hsla(0,0%,100%,.15)
}

    .common-topbar-wrapper.transparent .common-topbar-body.acitve {
        background: #1c2327 !important;
        border-bottom: none !important;
        transition: background .3s cubic-bezier(0,0,.2,1) 0ms
    }

.common-topbar-wrapper.black .common-topbar-body {
    background: #1c2327;
    border-bottom: none;
    position: relative
}

    .common-topbar-wrapper.black .common-topbar-body.acitve {
        background: #1c2327 !important;
        border-bottom: none !important;
        transition: background .3s cubic-bezier(0,0,.2,1) 0ms
    }

.common-topbar-wrapper.small .common-topbar-body .common-topbar-top {
    border-bottom: 0
}

    .common-topbar-wrapper.small .common-topbar-body .common-topbar-top .common-topbar-register-btn {
        display: block
    }

.common-topbar-wrapper.small .common-topbar-body .common-topbar-bottom {
    display: none !important
}

.triangle1 {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0
}

.common-topbar-leve2-content .block-product, .common-topbar-leve2-content .block-right {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 720px
}

.common-topbar-leve2-content .level-inner {
    background-color: #303538
}

.common-topbar-leve2-content .block-center-bottom {
    width: 904px !important
}

.common-topbar-body {
    min-width: 1000px;
    width: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background: rgba(55,61,65,0);
    border-bottom: 1px solid hsla(0,0%,100%,.15);
    transition: background .3s cubic-bezier(0,0,.2,1) .15s
}

    .common-topbar-body * {
        box-sizing: content-box
    }

    .common-topbar-body.no-change {
        background: #1c2327;
        border-bottom: none;
        position: relative
    }

    .common-topbar-body.active {
        background: #1c2327 !important;
        border-bottom: none !important;
        transition: background .3s cubic-bezier(0,0,.2,1) 0ms
    }

    .common-topbar-body em {
        color: #ff8a00
    }

    .common-topbar-body a, .common-topbar-body a:link, .common-topbar-body a:visited {
        color: #fff;
        cursor: pointer;
        text-decoration: none
    }

        .common-topbar-body a:hover {
            color: #00c1de;
            text-decoration: none
        }

@keyframes level1NavSlidein {
    0% {
        left: -200px
    }

    to {
        left: 0
    }
}

@keyframes level1NavSlideout {
    0% {
        left: 0
    }

    to {
        left: -200px
    }
}

@keyframes leve1ContentSlidein {
    0% {
        left: 0
    }

    to {
        left: 200px
    }
}

@keyframes leve1ContentSlideout {
    0% {
        left: 200px
    }

    to {
        left: 0
    }
}

@keyframes leve1ContentSlideinExpand {
    0% {
        left: -120px
    }

    to {
        left: 200px
    }
}

@keyframes leve1ContentSlideoutExpand {
    0% {
        left: 200px
    }

    to {
        left: -120px
    }
}

@keyframes level2ContentSlideout {
    0% {
        left: 400px
    }

    to {
        left: 0
    }
}

@keyframes level2ContentSlidein {
    0% {
        left: 0
    }

    to {
        left: 400px
    }
}

@keyframes level2ContentSlideoutExpand {
    0% {
        left: 400px
    }

    to {
        left: -280px
    }
}

@keyframes level2ContentSlideinExpand {
    0% {
        left: -280px
    }

    to {
        left: 400px
    }
}

@media (max-width:1305px) {
    .common-topbar-body .common-topbar-top .common-topbar-logo {
        margin-left: 60px
    }
}

@media (max-width:1156px) {
    .product-column {
        width: 225px !important
    }
}

@media (max-width:769px) {
    .common-topbar-relevant-list {
        display: none
    }
}

.aliyun-common-search-container {
    width: 200px;
    height: 50px;
    background: hsla(0,0%,100%,.12);
    position: relative;
    transition: all .3s linear
}

    .aliyun-common-search-container.active, .aliyun-common-search-container:hover {
        width: 300px;
        background: #262c30
    }

        .aliyun-common-search-container.active .aliyun-common-search-outline, .aliyun-common-search-container:hover .aliyun-common-search-outline {
            opacity: 1
        }

    .aliyun-common-search-container .aliyun-common-search-outline {
        position: absolute;
        z-index: 1;
        border: 1px solid #00c1de;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: all .3s linear
    }

    .aliyun-common-search-container input {
        position: relative;
        font-size: 14px;
        z-index: 2;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 22px;
        width: 100%;
        height: 100%;
        outline: none;
        background: transparent;
        border: none;
        color: #fff;
        line-height: 50px
    }

        .aliyun-common-search-container input::-webkit-input-placeholder {
            color: #ccc
        }

        .aliyun-common-search-container input:-moz-placeholder, .aliyun-common-search-container input::-moz-placeholder {
            color: #ccc
        }

        .aliyun-common-search-container input:-ms-input-placeholder {
            color: #ccc
        }

    .aliyun-common-search-container .aliyun-common-search-close {
        display: none;
        position: absolute;
        z-index: 3;
        right: 50px;
        top: 18px;
        bottom: 0;
        width: 14px;
        height: 14px;
        cursor: pointer;
        background-image: url(https://img.alicdn.com/tfs/TB1QnaDg_nI8KJjSszgXXc8ApXa-28-28.png);
        background-size: 100%
    }

        .aliyun-common-search-container .aliyun-common-search-close:hover {
            background-image: url(https://img.alicdn.com/tfs/TB13xq7g4PI8KJjSspoXXX6MFXa-28-28.png)
        }

    .aliyun-common-search-container .aliyun-common-search-icon {
        display: block;
        position: absolute;
        z-index: 3;
        right: 0;
        top: 0;
        bottom: 0;
        width: 16px;
        height: 16px;
        margin: 17px;
        cursor: pointer;
        background-image: url(https://img.alicdn.com/tfs/TB169ppCFOWBuNjy0FiXXXFxVXa-32-32.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: .8
    }

        .aliyun-common-search-container .aliyun-common-search-icon:hover {
            opacity: 1
        }

    .aliyun-common-search-container .aliyun-common-search-dropdown {
        color: #fff;
        position: absolute;
        z-index: 999;
        top: 50px;
        left: 0;
        width: 100%;
        background: #262c30;
        box-shadow: 0 2px 4px rgba(0,0,0,.15);
        box-sizing: border-box;
        transition: all .17s ease;
        padding: 0;
        height: 0;
        overflow: hidden
    }

        .aliyun-common-search-container .aliyun-common-search-dropdown.open {
            height: 172px
        }

            .aliyun-common-search-container .aliyun-common-search-dropdown.open .dropdown-list, .aliyun-common-search-container .aliyun-common-search-dropdown.open .dropdown-quicklist {
                display: block
            }

        .aliyun-common-search-container .aliyun-common-search-dropdown .title {
            color: #ccc
        }

        .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist {
            padding: 12px;
            padding-top: 0;
            display: none;
            margin: 0
        }

            .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list li, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li {
                cursor: pointer;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 12px;
                line-height: 18px;
                text-align: left
            }

                .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list li.active a, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list li:hover a, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li.active a, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li:hover a {
                    color: #00c1de
                }

                .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list li a, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li a {
                    display: inline-block;
                    width: 100%;
                    padding-bottom: 8px;
                    color: #fff;
                    transition: all .17s ease;
                    text-decoration: none
                }

                    .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list li a:hover, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li a:hover {
                        text-decoration: none
                    }

                .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-list li:last-of-type a, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li:last-of-type a {
                    padding-bottom: 0
                }

        .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist {
            padding: 12px 12px 0
        }

            .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist.has-elem {
                border-bottom: 1px solid hsla(0,0%,100%,.06);
                padding-bottom: 4px;
                padding-top: 8px;
                background-color: #22282c
            }

            .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li.active a:after, .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li:hover a:after {
                background-image: url(https://img.alicdn.com/tfs/TB19CD3m9_I8KJjy0FoXXaFnVXa-28-28.png)
            }

            .aliyun-common-search-container .aliyun-common-search-dropdown .dropdown-quicklist li a:after {
                background: url(https://img.alicdn.com/tfs/TB1tB2cm8fH8KJjy1XbXXbLdXXa-28-28.png);
                background-size: 100%;
                width: 14px;
                height: 14px;
                display: inline-block;
                content: "";
                vertical-align: sub
            }
